*{
	margin: 0;
	padding: 0;
	list-style: none;
}
@media only screen and (min-width: 320px) and (max-width: 375px) {
	html{
		font-size: 62.5%;		
	}	
}
body{
	font-size: 1.4rem;
	font-size: 14px;
}
p{
	font-size: 1.2rem;
	font-size: 12px;
}
.tops {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 3%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tops img{
	width: 40%;
	height: 30px;
}
.datas{
	width: 100%;
	padding: 10px 0;
	text-align: center;
}
.boxs{
	width: 94%;
	margin: 0 auto;
	background: #F4F4F4;
	border-radius: 15px;
}
.lis{
	width: 100%;
	box-sizing: border-box;
	padding: 10px ;
	display: flex;
}
.lis .quan{
	width: 46px;
	height: 46px;
	background: #000;
	border-radius: 50px;
	text-align: center;
	line-height: 46px;
}
.lis .orange{
	background: #ff0000;
}
.lis .quan p{
	color: #fff;
	font-size: 14px;
	
}
.lis .rights{
	width: 80%;
	padding: 0 10px;
}
.lis .rights .tops{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0;
	padding-bottom: 10px;
}
.lis .name{
	font-size: 1.4rem;
	color: #151515;
}
.lis .phone,.lis .citys{
	color: #787878;
	font-size: 1.3rem;
}

.detail {
	width: 100%;
	padding: 10px 0;
}
.detail ul{
	width: 94%;
	margin: 0 auto;
}
.detail ul li{
	width: 100%;
	display: flex;
	padding-bottom: 10px;
}
.detail ul li >span{
	width: 20%;
	text-align: right;
}
.bots {
	width: 100%;
	
}

.bots .green{
	width: 94%;
	position: absolute;
	bottom: 10px;
	left: 3%;
	height: 3.6rem;
	background: #339900;
	color: #fff;
	border-radius:5px;
	border: none;
	font-size: 1.6rem;
	color: #fff;
	font-weight: 500;
}
.bots .gray{
	width: 94%;
	position: absolute;
	bottom: 10px;
	left: 3%;
	height: 3.6rem;
	background: #bcbcbc;
	color: #fff;
	border-radius:5px;
	border: none;
	font-size: 1.6rem;
	color: #fff;
	font-weight: 500;
}